*{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    outline:none;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.body-bg{
    background-color: #f5f5f5;
    font-family:Arial, sans-serif;
    margin: 0;
}
body{
	max-width:900px;
	margin:0 auto!important;
    font-size:14px;
    color: #9f9f9f;
}


.phone_order{
    position:fixed;
    bottom:50%;
    transform:translateY(50%);
    right:0;
    img{
        width:30px;
    }
}

.white-bg{
    background-color: #ffffff;
}

.text-center{
    text-align: center;
}

.text-color1{
    color: #5c5c5c;
}

.text-color2{
    color:#757575;
}

.text-color3{
    color:#a8a8a8;
}

.cut-off-line-1{
    background-color: #dbdbdb;
}

.primary-bg{
    background-color: #fc643f;
}

.primary-text{
    color: #fc643f;
}

.mar-top{
    margin-top: 15px;
}

.mar-btm{
    margin-bottom: 15px;
}
.mar-top25{
    margin-top: 25px;
}

.mar-top5{
    margin-top: 5px;
}

.mar-hor25{
    margin-left:  15px;
    margin-right: 15px;
}

.mar-hor{
    margin-left:  7px;
    margin-right: 7px;
}

.li-inline{
    width: 100%;
    margin: 0;
    padding: 0;
}

.hide{
    display: none;
}

.pad8{
    padding: 8px;
}

.border-1{
    border: 1px solid #a8a8a8;
}

.circle-1{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #fc643f;
    color: #fc643f;
}

.input-text{
    line-height: 25px!important;
    width: 94%!important;
    -webkit-user-select: text!important;
    border: 1px solid rgba(0,0,0,.2)!important;
    border-radius: 3px!important;
    outline: 0!important;
    padding: 5px!important;
    background-color: #fff!important;
    -webkit-appearance: none!important;
    font-size: 14px!important;
    margin-bottom: 0!important;
}

.input_disabled{
    cursor: not-allowed;
    background-color: #eee!important;
    opacity: 1;
}

@keyframes mymove {
    from{opacity: 0}
    to{opacity: 1}
}
@keyframes mymove
{
    from{opacity: 0}
    to{opacity: 1}
}



.li-inline>li{
    display: inline-block;
    width: 23%;
    padding: 15px 0;
    border: none;
    text-align: center;
}

.badge{
    display: inline-block;
    font-size: 13px;
    /*font-weight: bold;*/
    line-height: 14px;
    color: #757575;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    padding: 8px 20px;
    border: 1px solid #a8a8a8;
    border-radius: 8px;
    /*float: left;*/
    margin-bottom: 10px;
}

.clearFLoat{
    float: none;
    display: inline-block;
}




.badge.active{
    background-color: #fc643f;
    border-color:transparent;
    color: #ffffff;
}

header{
    width: 100%;
    background-color: #ffffff;
    position: relative;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 4px 0 8px #ebebeb;
}

header .left-btn{
    position: absolute;
    left: 15px;
    font-weight: 500;
    font-size: 14px;
}

header .right-btn{
    position: absolute;
    right: 15px;
    font-weight: 500;
    font-size: 14px;
}


.pad{
    padding: 15px;
}

.pad-top15{
    padding-top: 15px;
}

.font-size12{
    font-size: 12px;
}

.radius {
    border-radius: 7px;
}
.box-shadow{
    box-shadow: 0 0 5px #dbdbdb;
}
.btn{
    display: inline-block;
    font-size: 13px;
    /* font-weight: bold; */
    line-height: 14px;
    color: #757575;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,0.25); */
    white-space: nowrap;
    vertical-align: baseline;
    padding: 8px 20px;
    border: 1px solid #a8a8a8;
    /*border-radius: 8px;*/
    /* float: left; */
    margin-bottom: 10px;

}
.showdow-1{
    box-shadow: 4px 0 8px #ebebeb;
}
.img_1{
	width: 100%;
}
/**
index
**/

/**
select
**/

.select_text_title{
    text-align: center;
}

.select-list-phone-fault{
    float: left;
    clear: both;
    width: 100%;
}

/*.select-list-phone-fault .badge:first-child{*/
    /*margin-top: 0;*/
/*}*/

#edit .left{
    display: inline-block;
    width: 23%;
    text-align: right;
}

#edit .right{
    display: inline-block;
    width: 68%;
    text-align: left;
}

.right .btn.active{
    background-color: #fc643f;
    border:none;
    color: #ffffff;
}


[v-cloak] {
    display: none;
}
.btn{
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
    text-align: center;
    padding: 13px 0;
    border-radius: 10px;
    width: 90%;
    margin-left: 5%;
    border:none;
    &:disabled{
        background:#ccc;
    }
}